<template>
    <el-card class="mt">
        <el-table v-loading="loading" :data="dataList">
            <el-table-column label="序号" type="index" width="200"></el-table-column>
            <el-table-column label="福利名称" prop="name"></el-table-column>
            <el-table-column label="图标" prop="icon">
                <template #default="scope">
                    <el-tag :type="scope.row.type">{{ scope.row.type }}</el-tag>
                </template>
            </el-table-column>
            <el-table-column label="创建者" prop="create_name"></el-table-column>
            <el-table-column label="功能">
                <template #default="scope">
                    <el-button type="primary">编辑</el-button>
                    <el-button type="danger">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
    </el-card>
</template>

<script lang="ts" setup>
import {defineProps} from 'vue'
defineProps({
    loading:{
        type:Boolean,
        required:true
    },
    dataList:{
        required:true
    }
})
</script>


<style lang="less" scoped>

</style>